<!-- Djordje Vukovic -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
        <script type="text/javascript" src="jquery.js"></script>
    </head>

    <body>

        <div id="wrapper">

            <div id="header">
                <div id="logo">
                    <img src="images/logo-top.png"/>
                    <div id="logo-middle">
                        <img src="images/logo.png" style="bottom:10px; position:absolute"/>
                    </div>
                    <img src="images/logo-bottom.png"/>
                </div>

            </div>

            <div id="content" style="top:130px; z-index:-1">

                <div id="content-main" style="width:930px;">
                    <div style="position:relative; left:220px; width:700px;">

                        <form enctype="multipart/form-data" name="forma_registracija_posetioca" action="registruj_posetioca.php" method="post">
                            <table border="0">
                                <tr>
                                    <td>Е-пошта</td>
                                    <td><input type="hidden" name="tiplic" id="tiplic"/><input type="text" name="mail"/></td>
                                </tr>
                                <tr>
                                    <td>Лозинка</td>
                                    <td><input type="password" name="lozinka"/></td>
                                </tr>
                                <tr>
                                    <td>Име</td>
                                    <td><input type="text" name="ime"/></td>
                                </tr>
                                <tr>
                                    <td>Датум рођења</td>
                                    <td><input type="text" name="datum"/></td>
                                </tr>
                                <tr>
                                    <td>Веб презентација</td>
                                    <td><input type="text" name="sajt"/></td>
                                </tr>
                            </table>

                            <br/><br/>
                            <input type="hidden" name="MAX_FILE_SIZE" value="64000" />
                            <label for="file">Одабери слику:</label>
                            <input id="file" type="file" name="file" value="Слика"/>



                            <script type="text/javascript">
                                var licnostPol = "svi", licnostStarost = "svi", licnostTip = "svi";

                                function tipoviLoaded() {
                                    $(".elemTipLic").click(function(){
                                        var thisSelected = $(this).hasClass("selected");

                                        $(".elemTipLic").removeClass("selected");
                                        if (thisSelected == false) {
                                            $(this).addClass("selected");
                                            licnostTip = this.id;
                                            licnostTip = licnostTip.substring(licnostTip.indexOf('_')+1);
                                            $("#tiplic").val(licnostTip);

                                        } else licnostTip = "svi";

                                        filterBase(null, null, licnostTip);
                                    });
                                }

                                $(document).ready(function(){



                                    $(".btnPol").click(function(){
                                        var thisSelected = $(this).hasClass("selected");



                                        $(".btnPol").removeClass("selected");
                                        if (thisSelected == false) {
                                            $(this).addClass("selected");
                                            licnostPol = this.id;
                                            licnostPol = licnostPol.substr(licnostPol.length-1, 1);
                                        } else licnostPol = "svi";
                                        $("#listaTipova").load("insert/prikazitipove.php?pol=" + licnostPol + "&starost=" + licnostStarost, null,tipoviLoaded);

                                        filterBase(licnostPol, licnostStarost);
                                    });

                                    $(".btnStarost").click(function(){
                                        var thisSelected = $(this).hasClass("selected");

                                        $(".btnStarost").removeClass("selected");
                                        if (thisSelected == false) {
                                            $(this).addClass("selected");
                                            licnostStarost = this.id;
                                            licnostStarost = licnostStarost.substr(licnostStarost.length-1, 1);
                                        } else licnostStarost = "svi";

                                        $("#listaTipova").load("insert/prikazitipove.php?pol=" + licnostPol + "&starost=" + licnostStarost, null,tipoviLoaded);
                                        filterBase(licnostPol, licnostStarost);
                                    });

                                    tipoviLoaded();

                                    $("#btnPopuniAnketu").click(function() {
                                        $("#popupCont").css("visibility", "visible");
                                        $("#contAnketa").load("anketa.php?pol=" + licnostPol + "&starost=" + licnostStarost + "&svrha=registracija");
                                    });


                                });

                            </script>

                            <br/>Пол:<br/>
                            <div class="barbutton btnPol" id="polM" style="width:250px">Мушко</div>
                            <div class="barbutton btnPol" id="polZ" style="width:250px">Женско</div>
                            <br/>Старост:<br/>
                            <div class="barbutton btnStarost" id="starostD" style="width:250px">Дете</div>
                            <div class="barbutton btnStarost" id="starostA" style="width:250px">Адолесцент</div>
                            <div class="barbutton btnStarost" id="starostO" style="width:250px">Одрасла особа</div>
                            <br/>Тип личности:<br/>

                            <div class="scroll-container" id="listaTipova" style="height:300px">
                                <?php include("insert/prikazitipove.php") ?>
                            </div>
                            <span style="text-align:right; display:block">
                                Нисте сигурни који тип?<br/>
                                <div id="btnPopuniAnketu" class="button" style="cursor:pointer">Попуни анкету</div></span><br/>










                            <br/><br/>
                            <input name="submit" type="submit" value="Региструј се" />

                        </form>
                        <br/>
                        <a href="registracija_firme.php">Ako сте продавница региструјте се овде</a>
                        <br/><br/>
                        <a href="index.php">Одустани</a>
                    </div>
                </div>
            </div>


        </div>

        <div id="popupCont" class="popup-container" style="visibility:hidden">
            <div class="popup" style="width:400px; height:150px">
                <div id="dashes-top" style="display:block; width:90%"></div>
                <div id="dashes-bottom" style="display:block; width:90%"></div>
                <div id="contAnketa">
                </div>
            </div>
        </div>


    </body>
</html>